<template>
  <div class="tmpl">
      
      <div class="content" v-for="info in info">
          <h4>{{info.title}}</h4>
          <div v-html="info.content" class="imgcontent"></div>
      </div>



  </div>
</template>

<script>
//引用key
// import common from '../../kits/common.js';

export default {
 		data(){
 			return{
                 info:[
                     {
                         title:"华为荣耀9 4+64g 6+64g",
                         content:"<img style='width:100%' src='https://img.alicdn.com/imgextra/i4/1114511827/TB2rx.hXpmIJuJjSZPcXXa0yFXa_!!1114511827.jpg'/> <img style='width:100%' src='https://img.alicdn.com/imgextra/i4/1114511827/TB2y2BPw0RopuFjSZFtXXcanpXa_!!1114511827.jpg'/><img style='width:100%' src='https://img.alicdn.com/imgextra/i4/1114511827/TB2zv0Pw0RopuFjSZFtXXcanpXa_!!1114511827.jpg'/><img style='width:100%' src='https://img.alicdn.com/imgextra/i4/1114511827/TB2ibXHbJ.LL1JjSZFEXXcVmXXa_!!1114511827.jpg'/><p>荣耀9就是补一样</p>"
                         
                         
                     }
                 ]
 				
 			
 			}
		 },methods:{
             getinfo(){
                    // 获取商品id
                    let id = this.$route.params.id;
                    // 请求服务器api获取信息
                    let url = common.apihost+'/api/goods/getdesc/'+id;
                    this.$http.get(url).hten(res=>{
                        this.info = res.body.message[0];
                    });


             }

         }
        //  ,created(){
        //         this.getinfo();
        //  }
 		
}
</script>

<style lang="scss" scoped>
.content{
    padding: 5px;
    
}
.content h4{
    color: #0049ff;
    font-size: 22px;
    margin: 0 0 10px 0;
     padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.imgcontent {
    width: 100%;
    height: 100%;
}
.imgcontent img{
    width: 100%;
    height: 100%;
}
</style>
